<!DOCTYPE html>
<html>
<head>
<title>OnTheQuarter</title>
<link href="/static/base.css" rel="stylesheet" type="text/css" />
<link href="/static/closure.css" rel="stylesheet" type="text/css" />
</head>
<body>

{{template "slider.html" .Slider}}

<div style="padding: 10px;">

<div id='toolbar'>
	<div id='toolbar-field'></div>
	<div id='toolbar-edit'></div>
</div>
<div id='objectives' style='width:600px'>
<ul>
{{range .Objective}}
	<li style="font-family: Helvetica; font-size: 16pt;">
	{{.Text}}
	</li>
	<ul>
		{{range .Result}}
		<li style="font-family: Helvetica; font-size: 16pt; color: #777;">{{.Text}}</li>
		{{end}}
	</ul>
{{end}}
</ul>
</div>

{{if .CompiledJS}}
	<script src="/static/root.js"></script>
{{else}}
	<script src="/base.js"></script>
	<script src="/deps.js"></script>
	<script>
	goog.require('otq.initRoot');
	</script>
{{end}}
<script>
otq.initRoot();
</script>
</body>
</html>
